
$(function(){
  var nowIndex = 0
  var classArr = ['one', 'two', 'three']
  var $Li = $('.page1').find('.slider-item')
  var MOBILE = 476
  var Middle = 768
  var timer = null
  var time = 8000
  var isTimer = false
  var $header = $('#header')
  var MT      = $header.height() + 50

 
  // var fullpage = $('#fullpage').fullpage({
  //     slidesColor: ['#f00', '#0f0', '#00f', 'back'],
  //     navigation: true,
  //     navigationColor: 'red',
  //     showActiveTooltip: true,
  //     slidesNavigation: true,
  //     autoScrolling: false,
  //     loopBottom: false,
  //     sectionSelector: '.page',
  //     slideSelector: '.word',
  //     verticalCentered: false,
  //     onLeave: function(a, b){
  //       console.log() // 当前页面下表
  //       console.log() // 下一页面下表


  //     },
  //     afterLoad: function(a, b){
  //       console.log() // 滚动结束后打印当前Page锚点
  //       console.log() // 滚动结束后打印当前Page下表

  //       if(b > 1){

  //         $('#header').addClass('b').find('.down-menu').addClass('bg')
  //         $('.page2').find('.text-box').addClass('a')
  //       } else {

  //         $('#header').removeClass('b').find('.down-menu').removeClass('bg')

  //         $('.page2').find('.text-box').removeClass('a')
  //       }
  //     },
  //     afterRender: function() {

  //     },
  //     afterResize: function(a, b){

  //     },
  //     afterSlideLoad: function(a, b){
  //       console.log() // Slide滚动结束后打印当前Slide锚点
  //       console.log() // Slide滚动结束后打印当前Slide下表
  //     },
  //     onSlideLeave: function(a, b) {

  //     }
  // })


  // 翻页
  $('.page').find('.down-ico').click(function() {
      var top          = getElementTop($(this.offsetParent).next().get(0))
      $(document.documentElement).animate({scrollTop: top})
  })

  $(window).on('resize', resize())


  timer = setInterval(change, time);

  function resize() {
    $page1    = $('.page1');
    $header   = $('#header');
    if(window.innerWidth > Middle || document.documentElement.clientWidth > Middle) {
      if($page1.hasClass('min'))
        $page1.removeClass('min')
      if($header.hasClass('m'))
        $header.removeClass('m')
    }

    if(window.innerWidth < Middle || document.documentElement.clientWidth < Middle) {
      if(!$header.hasClass('m'))
        $header.addClass('m')
    }

    if(window.innerWidth <= Middle || document.documentElement.clientWidth <= Middle){
      if(!$page1.hasClass('min'))
        $page1.addClass('min')
    }

    return resize;
  }

  function change() {
    nowIndex ++
    nowIndex %= $Li.length


    $Li.eq(nowIndex).fadeIn(1000, function () {
      $('.page1').removeClass('one two three').addClass(classArr[nowIndex])
    }).siblings('.slider-item').hide()
  }

  function getElementTop(el) {
      var t         = el.offsetTop
      var oParent   = el.offsetParent
      while(oParent != null) {
        t           += oParent.scrollTop
        oParent     = oParent.offsetParent
      }

      return t
  }
})